<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>番剧-mikufun</title>
  <link rel="shortcuticon" href="favicon.ico" type="image/x-icon">
  <link rel="stylesheet" href="./lib/swiper/css/swiper-bundle.min.css">
  <link rel="stylesheet" href="./lib/bootstrap/css/bootstrap.min.css">
  <link rel="stylesheet" href="./lib/icon/iconfont.css">
  <link rel="stylesheet" href="./css/reset.css">
  <link rel="stylesheet" href="./css/public.css">
  <link rel="stylesheet" href="./css/anime.css">

</head>
<body>
    


<div class="mikufun_cecream ">

      <!-- 统一响应提示框 -->
      <div class="baseModel">
        <p>fbdbeb</p>
      </div>
  <!-- 头部导航栏 -->
  <header>
    <div class="mikufun_header">
      <ul class="left">
        <li><a href="./index.html"><span class="iconfont icon-bilibili iconleft iconindex"></span><span>首页</span></a></li>
        <li><a href="./anime.html"><span></span><span class="shake">番剧</span></a></li>
        <li><a href="./unfinish.html"><span></span><span>直播</span></a></li>
        <li><a href="./unfinish.html"><span></span><span>游戏中心</span></a></li>
        <li><a href="./unfinish.html"><span></span><span>会员购</span></a></li>
        <li><a href="./unfinish.html"><span></span><span>漫画</span></a></li>
        <li><a href="./unfinish.html"><span></span><span>赛事</span></a></li>
        <li><a href="./unfinish.html"><span class="iconfont icon-xiazai iconleft"></span><span>下载客户端</span></a></li>
      </ul>
      <div class="middle">
        <div class="serach">
          <input type="text" placeholder="请输入搜索内容" autocomplete="off">
          <span class="iconfont icon-sousuo serachicon"></span>
        </div>
      </div>
      <ul class="right">
        <li class="userli"> 
          <div class="user userfixed ">
            <a href="./usercenter.html"></a>
            <img src="./img/mikufun/pitiful.png" alt="" class="">
            </a>
          </div>
        </li>
            <!-- 头像卡片信息以及用户信息修改，退出登录 -->
        <div class="usercard">
          <span>请先登录</span>
          <p>未登录</p>
          <ul>
            <li><img src="./img/upload/个人中心.svg" alt=""><a href="usercenter.html">个人中心</a></li>
            <li><img src="./img/upload/投稿管理.svg" alt=""><a href="usercenter.html">投稿管理</a></li>
            <li><img src="./img/upload/推荐服务.svg" alt=""><a href="usercenter.html">推荐服务</a></li>
            <li><span class="line"></span></li>
            <li><img src="./img/upload/退出登录.svg" alt=""><a href="">退出登录</a></li>
          </ul>
        </div>


        <li><a href="#" class="rightli"><span class="iconfont icon-wodedahuiyuan iconstyle"></span><span>大会员</span></a></li>
        <li><a href="./unfinish.html" class="rightli"><span class="iconfont icon-xiaoxi iconstyle"></span><span>消息</span></a></li>
        <li><a href="./usercenter.html" class="rightli"><span class="iconfont icon-windmill iconstyle"></span><span>动态</span></a></li>
        <li><a href="./usercenter.html" class=" rightli"><span class="iconfont icon-shoucang iconstyle"></span><span>收藏</span></a></li>
        <li><a href="./history.html" class="rightli"><span class="iconfont icon-lishi iconstyle "></span><span>历史</span></a></li>
        <li><a href="./usercenter.html" class="rightli"><span class="iconfont icon-chuangzuozhongxin iconstyle "></span><span>创作中心</span></a></li>
        <li class="writer"><a href="./usercenter.html"><span class="iconfont icon-shangchuanwenjian iconstyle"></span><span class="writertxt">投稿</span></a></li>
      </ul>
    </div>
    <div class="logo"><h1>MikuFun</h1>
    </div>
     <!-- 隐藏导航栏 -->
    <div class="mikufun_header_hide">
      <ul class="left">
        <li><a href="./index.html"><span class="iconfont icon-bilibili iconleft"></span><span>首页</span></a></li>
        <li><a href="./anime.html"><span></span><span>番剧</span></a></li>
        <li><a href="./unfinish.html"><span></span><span>直播</span></a></li>
        <li><a href="./unfinish.html"><span></span><span>游戏中心</span></a></li>
        <li><a href="./unfinish.html"><span></span><span>会员购</span></a></li>
        <li><a href="./unfinish.html"><span></span><span>漫画</span></a></li>
        <li><a href="./unfinish.html"><span></span><span>赛事</span></a></li>
        <li><a href="./unfinish.html"><span class="iconfont icon-xiazai iconleft"></span><span>下载客户端</span></a></li>
      </ul>
      <div class="middle">
        <div class="serach">
          <input type="text" placeholder="请输入搜索内容" autocomplete="off">
          <span class="iconfont icon-sousuo serachicon"></span>
        </div>
      </div>
      <ul class="right">
        <li> 
          <a href="./usercenter.html">
            <div class="user">
              <img src="./img/mikufun/pitiful.png" alt="">
            </div>
          </a>
        </li>
        <li><a href="" class="rightli"><span class="iconfont icon-wodedahuiyuan iconstyle"></span><span>大会员</span></a></li>
        <li><a href="./unfinish.html" class="rightli"><span class="iconfont icon-xiaoxi iconstyle"></span><span>消息</span></a></li>
        <li><a href="./usercenter.html" class="rightli"><span class="iconfont icon-windmill iconstyle"></span><span>动态</span></a></li>
        <li><a href="./usercenter.html" class=" rightli"><span class="iconfont icon-shoucang iconstyle"></span><span>收藏</span></a></li>
        <li><a href="./history.html" class="rightli"><span class="iconfont icon-lishi iconstyle "></span><span>历史</span></a></li>
        <li><a href="./usercenter.html" class="rightli"><span class="iconfont icon-chuangzuozhongxin iconstyle "></span><span>创作中心</span></a></li>
        <li class="writer"><a href="./usercenter.html"><span class="iconfont icon-shangchuanwenjian iconstyle"></span><span class="writertxt">投稿</span></a></li>
      </ul>
    </div>
  </header>



    <section class="section1">
      <div style="--swiper-navigation-color: #fff; --swiper-pagination-color: #fff" class="swiper mySwiper2 msp1">
        <div class="swiper-wrapper">
          <div class="swiper-slide">
            <img src="./img/upload/1.webp" />
          </div>
          <div class="swiper-slide">
            <img src="./img/upload/2.webp" />
          </div>
          <div class="swiper-slide">
            <img src="./img/upload/3.webp" />
          </div>
          <div class="swiper-slide">
            <img src="./img/upload/4.webp" />
          </div>
          <div class="swiper-slide">
            <img src="./img/upload/5.webp" />
          </div>
          <div class="swiper-slide">
            <img src="./img/upload/6.webp" />
          </div>
          <div class="swiper-slide">
            <img src="./img/upload/7.webp" />
          </div>
        </div>
      </div>
      <div thumbsSlider="" class="swiper mySwiper msp1-1" >
        <div class="swiper-wrapper">
          <div class="swiper-slide">
            <img src="./img/upload/1.1.webp" />
          </div>
          <div class="swiper-slide">
            <img src="./img/upload/2.2.webp" />
          </div>
          <div class="swiper-slide">
            <img src="./img/upload/3.3.webp" />
          </div>
          <div class="swiper-slide">
            <img src="./img/upload/4.4.webp" />
          </div>
          <div class="swiper-slide">
            <img src="./img/upload/5.5.webp" />
          </div>
          <div class="swiper-slide">
            <img src="./img/upload/6.6.webp" />
          </div>
          <div class="swiper-slide">
            <img src="./img/upload/7.7.webp" />
          </div>
          
        </div>
      </div>
    </section>
    <main>
    <section class="section2">
      <ul>
        <li style=" background-color: #FFF4FE;">
          <div style="background-image: url(./img/upload/hot.png);">
            <h3>番剧索引&nbsp></h3>
            <span>追番人数</span>
            <span>最高评分</span>
            <br>
            <span>更新时间</span>
            <span>播放数量</span>
          </div>
        </li>
        <li style=" background-color: #F0FCF6;">
          <div style="background-image: url(./img/upload/type.png);">
            <h3>类型风格</h3>
            <span>原创&nbsp&nbsp&nbsp</span>
            <span>小说改</span>
            <span>特摄</span>
            <br>
            <span>漫画改</span>
            <span>游戏改</span>
            <span>布袋戏改</span>
            </div>
        </li>
        <li style="background-color: #F2F9FF;">
          <div style="background-image: url(./img/upload/time.png); ">
          <h3>首播时间&nbsp></h3>
          <span>2024</span>
          <span>2023</span>
          <span>2022</span>
          <span>2021</span>
          <br>
          <span>2020</span>
          <span>2019</span>
          <span>2018</span>
          <span>2017</span>
          </div>
        </li>
        <li style="background-color: #FFF2F2;">
          <div style="background-image: url(./img/upload/search.png); ">
          <h3>热搜&nbsp></h3>
          <span>邻桌艾莉同学</span>
          <span>亚托莉</span>
          <br>
          <span>亚刻奥特曼</span>
          </div>
        </li>
      </ul>
    </section>
    <section class="section3">
      <div class="section3top clearfix">
        <h2><img  class="logo" src="./img/upload/like.png" alt="">正在追</h2>
        <span>我的追番</span>
      </div>
      <div class="likecontent">
        <!-- <div class="likebox">
          <img src="./img/upload/1.1.webp" alt="">
          <p>我追的番剧</p>
          <span>状态</span>
        </div>
        <div class="likebox">
          <img src="./img/upload/1.1.webp" alt="">
          <p>我追的番剧</p>
          <span>状态</span>
        </div>
        <div class="likebox">
          <img src="./img/upload/1.1.webp" alt="">
          <p>我追的番剧</p>
          <span>状态</span>
        </div> -->
      </div>
    </section>
    <section class="section4">
      <div class="section4top">
        <h2><img class="logo" src="./img/upload/clock.png" alt="">新番时间表</h2>
        <span>最近更新</span>
        <ul>
          <li>周一</li>
          <li>周二</li>
          <li>周三</li>
          <li>周四</li>
          <li>周五</li>
          <li>周六</li>
          <li>周日</li>
        </ul>
          <button>查看全部></button> 
      </div>
      <div class="section4content clearfix">
          <!-- <div class="timebox">
            <a href="animedetail.html?" target="_blank">
              <img src="./img/upload/1.1.webp" alt="">
              <p>米奇欢乐屋</p>
              <span>状态</span>
              <h5>周二10:00</h5>
            </a>
          </div>
          <div class="timebox">
            <img src="./img/upload/1.1.webp" alt="">
            <p>米奇欢乐屋</p>
            <span>状态</span>
            <h5>周三10:00</h5>
        </div>
        <div class="timebox">
          <img src="./img/upload/1.1.webp" alt="">
          <p>米奇欢乐屋</p>
          <span>状态</span>
          <h5>周四10:00</h5>
      </div>
      <div class="timebox">
        <img src="./img/upload/1.1.webp" alt="">
        <p>米奇欢乐屋</p>
        <span>状态</span>
        <h5>周五10:00</h5>
    </div>
    <div class="timebox">
      <img src="./img/upload/1.1.webp" alt="">
      <p>米奇欢乐屋</p>
      <span>状态</span>
      <h5>周六10:00</h5>
    </div>   
    <div class="timebox">
      <img src="./img/upload/1.1.webp" alt="">
      <p>米奇欢乐屋</p>
      <span>状态</span>
      <h5>周日10:00</h5>
    </div>    -->
    </div>
    </section>
    <section class="section5" id="hotr">
      <div class="section5top">
        <h2><img class="logo" src="./img/upload/hot2.png" alt=""> 番剧热播榜</h2>
        <button>查看全部></button>
      </div>
      <div class="section5content">
        <!-- <div class="hotanimebox">
         
          <img src="./img/upload/7.7.webp" alt="">
          <div class="ranking">1</div>
          <p>不时用俄语小声说真心话的邻桌艾莉同学</p>
          <span>俄语传情真真切切</span>
          <div class="score">7.9</div>
        
        </div>
        <div class="hotanimebox">
          <img src="./img/upload/7.7.webp" alt="">
          <div class="ranking">2</div>
          <p>不时用俄语小声说真心话的邻桌艾莉同学</p>
          <span>俄语传情真真切切</span>
          <div class="score">7.9</div>
        </div>
        <div class="hotanimebox">
          <img src="./img/upload/7.7.webp" alt="">
          <div class="ranking">3</div>
          <p>不时用俄语小声说真心话的邻桌艾莉同学</p>
          <span>俄语传情真真切切</span>
          <div class="score">7.9</div>
        </div>
        <div class="hotanimebox">
          <img src="./img/upload/7.7.webp" alt="">
          <div class="ranking">4</div>
          <p>不时用俄语小声说真心话的邻桌艾莉同学</p>
          <span>俄语传情真真切切</span>
          <div class="score">7.9</div>
        </div>
        <div class="hotanimebox">
          <img src="./img/upload/7.7.webp" alt="">
          <div class="ranking">5</div>
          <p>不时用俄语小声说真心话的邻桌艾莉同学</p>
          <span>俄语传情真真切切</span>
          <div class="score">7.9</div>
        </div>
        <div class="hotanimebox">
          <img src="./img/upload/7.7.webp" alt="">
          <div class="ranking">6</div>
          <p>不时用俄语小声说真心话的邻桌艾莉同学</p>
          <span>俄语传情真真切切</span>
          <div class="score">7.9</div>
        </div>
         -->
      </div>
    </section>
    <section class="section6">
      
      <h2><img class="logo" src="./img/upload/zan.png" alt="">新热推荐</h2>
      <div class="section6content">
        <!-- <div style="--swiper-navigation-color: #fff; --swiper-pagination-color: #fff" class="swiper mySwiper2 msp2">
          <div class="swiper-wrapper">
            <div class="swiper-slide">
              <img src="./img/upload/1.webp" />
            </div>
            <div class="swiper-slide">
              <img src="./img/upload/2.webp" />
            </div>
            <div class="swiper-slide">
              <img src="./img/upload/3.webp" />
            </div>
            <div class="swiper-slide">
              <img src="./img/upload/4.webp" />
            </div>
          </div>
        </div>
        <div class="introbox">
          <h1>蜡笔小新 第二季 （中文）</h1>
          <div class="score">9.8</div>
          <span>☆☆☆☆☆<br></span>
          <span>1.2万人点评</span>
          <p>简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介
            简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介简介
            简介简介简介简介简介简介简介简介简介简介简介简介
          </p>
          <div class="btn">
           
              <img src="./img/upload/播放.svg" alt="">
            
          </div>
          <div class="btn">
            <img src="./img/upload/收藏.svg" alt="">
          </div>
          <div thumbsSlider="" class="swiper mySwiper msp2-2">
            <div class="swiper-wrapper">
              <div class="swiper-slide">
                <img src="./img/upload/1.1.webp" />
              </div>
              <div class="swiper-slide">
                <img src="./img/upload/2.2.webp" />
              </div>
              <div class="swiper-slide">
                <img src="./img/upload/3.3.webp" />
              </div>
              <div class="swiper-slide">
                <img src="./img/upload/4.4.webp" />
              </div>
            </div>
          </div>
        </div> -->
      </div>
    </section>
    <section class="section7">
      <h2>猜你喜欢</h2>
      
      <div class="guess">
        <!-- <div class="guessbox">
          <img src="./img/upload/5.webp" alt="">
          <p>蜡笔小新</p>
          <span>简介简介简介</span>
        </div>
        <div class="guessbox">
          <img src="./img/upload/5.webp" alt="">
          <p>蜡笔小新</p>
          <span>简介简介简介</span>
        </div>
        <div class="guessbox">
          <img src="./img/upload/5.webp" alt="">
          <p>蜡笔小新</p>
          <span>简介简介简介</span>
        </div>
        <div class="guessbox">
          <img src="./img/upload/5.webp" alt="">
          <p>蜡笔小新</p>
          <span>简介简介简介</span>
        </div>
        <div class="guessbox">
          <img src="./img/upload/5.webp" alt="">
          <p>蜡笔小新</p>
          <span>简介简介简介</span>
        </div>
        <div class="guessbox">
          <img src="./img/upload/5.webp" alt="">
          <p>蜡笔小新</p>
          <span>简介简介简介</span>
        </div>
        <div class="guessbox">
          <img src="./img/upload/5.webp" alt="">
          <p>蜡笔小新</p>
          <span>简介简介简介</span>
        </div>
        <div class="guessbox">
          <img src="./img/upload/5.webp" alt="">
          <p>蜡笔小新</p>
          <span>简介简介简介</span>
        </div>
        <div class="guessbox">
          <img src="./img/upload/5.webp" alt="">
          <p>蜡笔小新</p>
          <span>简介简介简介</span>
        </div>
        <div class="guessbox">
          <img src="./img/upload/5.webp" alt="">
          <p>蜡笔小新</p>
          <span>简介简介简介</span>
        </div>
        <div class="guessbox">
          <img src="./img/upload/5.webp" alt="">
          <p>蜡笔小新</p>
          <span>简介简介简介</span>
        </div>
        <div class="guessbox">
          <img src="./img/upload/5.webp" alt="">
          <p>蜡笔小新</p>
          <span>简介简介简介</span>
        </div>
        <div class="guessbox">
          <img src="./img/upload/5.webp" alt="">
          <p>蜡笔小新</p>
          <span>简介简介简介</span>
        </div>
        <div class="guessbox">
          <img src="./img/upload/5.webp" alt="">
          <p>蜡笔小新</p>
          <span>简介简介简介</span>
        </div>
        <div class="guessbox">
          <img src="./img/upload/5.webp" alt="">
          <p>蜡笔小新</p>
          <span>简介简介简介</span>
        </div>
        <div class="guessbox">
          <img src="./img/upload/5.webp" alt="">
          <p>蜡笔小新</p>
          <span>简介简介简介</span>
        </div>
        <div class="guessbox">
          <img src="./img/upload/5.webp" alt="">
          <p>蜡笔小新</p>
          <span>简介简介简介</span>
        </div>
        <div class="guessbox">
          <img src="./img/upload/5.webp" alt="">
          <p>蜡笔小新</p>
          <span>简介简介简介</span>
        </div>
        <div class="guessbox">
          <img src="./img/upload/5.webp" alt="">
          <p>蜡笔小新</p>
          <span>简介简介简介</span>
        </div>
        <div class="guessbox">
          <img src="./img/upload/5.webp" alt="">
          <p>蜡笔小新</p>
          <span>简介简介简介</span>
        </div>
        <div class="guessbox">
          <img src="./img/upload/5.webp" alt="">
          <p>蜡笔小新</p>
          <span>简介简介简介</span>
        </div>
        <div class="guessbox">
          <img src="./img/upload/5.webp" alt="">
          <p>蜡笔小新</p>
          <span>简介简介简介</span>
        </div>
        <div class="guessbox">
          <img src="./img/upload/5.webp" alt="">
          <p>蜡笔小新</p>
          <span>简介简介简介</span>
        </div> -->
      </div>
    </section>
    <section class="section8">
      <!-- 一个块 -->
      <div class="part" id="part1">
        <div class="parttop">
            <p>热门番剧榜<br><span>每小时更新</span></p>
            <!-- <div class="parttopbox">
              <img src="./img/upload/2.webp" alt="">
              <div class="ranking">1</div>
              <p>鬼灭之刃</p>
              <span>简介简介简介</span>
              <div class="score">9.7</div>
            </div>
            <div class="parttopbox">
              <img src="./img/upload/2.webp" alt="">
              <div class="ranking">1</div>
              <p>鬼灭之刃</p>
              <span>简介简介简介</span>
              <div class="score">9.7</div>
            </div>
            <div class="parttopbox">
              <img src="./img/upload/2.webp" alt="">
              <div class="ranking">1</div>
              <p>鬼灭之刃</p>
              <span>简介简介简介</span>
              <div class="score">9.7</div>
            </div>
            <div class="parttopbox">
              <img src="./img/upload/2.webp" alt="">
              <div class="ranking">1</div>
              <p>鬼灭之刃</p>
              <span>简介简介简介</span>
              <div class="score">9.7</div>
            </div> -->
        </div>
        <div class="partcontent">
          
          <!-- <div class="partbox">
            <img src="./img/upload/5.webp" alt="">
            <p>蜡笔小新</p>
            <span>简介简介简介</span>
          </div>
          <div class="partbox">
            <img src="./img/upload/5.webp" alt="">
            <p>蜡笔小新</p>
            <span>简介简介简介</span>
          </div>
          <div class="partbox">
            <img src="./img/upload/5.webp" alt="">
            <p>蜡笔小新</p>
            <span>简介简介简介</span>
          </div>
          <div class="partbox">
            <img src="./img/upload/5.webp" alt="">
            <p>蜡笔小新</p>
            <span>简介简介简介</span>
          </div>
          <div class="partbox">
            <img src="./img/upload/5.webp" alt="">
            <p>蜡笔小新</p>
            <span>简介简介简介</span>
          </div>
          <div class="partbox">
            <img src="./img/upload/5.webp" alt="">
            <p>蜡笔小新</p>
            <span>简介简介简介</span>
          </div>
          <div class="partbox">
            <img src="./img/upload/5.webp" alt="">
            <p>蜡笔小新</p>
            <span>简介简介简介</span>
          </div>
          <div class="partbox">
            <img src="./img/upload/5.webp" alt="">
            <p>蜡笔小新</p>
            <span>简介简介简介</span>
          </div>
          <div class="partbox">
            <img src="./img/upload/5.webp" alt="">
            <p>蜡笔小新</p>
            <span>简介简介简介</span>
          </div>
          <div class="partbox">
            <img src="./img/upload/5.webp" alt="">
            <p>蜡笔小新</p>
            <span>简介简介简介</span>
          </div>
          <div class="partbox">
            <img src="./img/upload/5.webp" alt="">
            <p>蜡笔小新</p>
            <span>简介简介简介</span>
          </div>
          <div class="partbox">
            <img src="./img/upload/5.webp" alt="">
            <p>蜡笔小新</p>
            <span>简介简介简介</span>
          </div>
          <div class="partbox">
            <img src="./img/upload/5.webp" alt="">
            <p>蜡笔小新</p>
            <span>简介简介简介</span>
          </div>
          <div class="partbox">
            <img src="./img/upload/5.webp" alt="">
            <p>蜡笔小新</p>
            <span>简介简介简介</span>
          </div>
          <div class="partbox">
            <img src="./img/upload/5.webp" alt="">
            <p>蜡笔小新</p>
            <span>简介简介简介</span>
          </div>
          <div class="partbox">
            <img src="./img/upload/5.webp" alt="">
            <p>蜡笔小新</p>
            <span>简介简介简介</span>
          </div>
          <div class="partbox">
            <img src="./img/upload/5.webp" alt="">
            <p>蜡笔小新</p>
            <span>简介简介简介</span>
          </div>
          <div class="partbox">
            <img src="./img/upload/5.webp" alt="">
            <p>蜡笔小新</p>
            <span>简介简介简介</span>
          </div>
          <div class="partbox">
            <img src="./img/upload/5.webp" alt="">
            <p>蜡笔小新</p>
            <span>简介简介简介</span>
          </div>
          <div class="partbox">
            <img src="./img/upload/5.webp" alt="">
            <p>蜡笔小新</p>
            <span>简介简介简介</span>
          </div>
          <div class="partbox">
            <img src="./img/upload/5.webp" alt="">
            <p>蜡笔小新</p>
            <span>简介简介简介</span>
          </div>
          <div class="partbox">
            <img src="./img/upload/5.webp" alt="">
            <p>蜡笔小新</p>
            <span>简介简介简介</span>
          </div> -->
         
        </div>
      </div>
      
    </section>
  </main>
</div>  
  <footer id="down">
    <div class="footbox">
      <p>mikufun</p>
      <ul class="clearfix">
        <li>关于我们</li>
        <li>联系我们</li>
        <li>用户协议</li>
        <li>加入我们</li>
        <li>友情链接</li>
        <li>隐私协议</li>
        <li>mikufun认证</li>
        <li>InvestorRelations</li>
      </ul>
    </div>
    <div class="footbox">
      <p>传送门</p>
      <ul class="clearfix">
        <li>协议汇总</li>
        <li>活动中心</li>
        <li>活动专题页面</li>
        <li>侵权申诉</li>
        <li>帮助中心</li>
        <li>社区中心</li>
        <li>壁纸站</li>
        <li>名人堂</li>
        <li>MCN管理中心</li>
        <li>高级弹幕</li>
        <li>品牌号官网</li>
      </ul>
    </div>
    <div class="footbox">
      <ul class="clearfix">
        <li>
        <div style="background-color: #3752C8;">
        <img src="./img/upload/下载APP.svg" alt="">
        </div>
        下载app
      </li>
      <li>
        <div style="background-color: #00AEEC;">
          <img src="./img/upload/iF-公益.svg" alt="">
        </div>
        公益
      </li>
      <li>
      <div style="background-color: #DB4437;">
        <img src="./img/upload/微博.svg" alt="">
      </div>
      官方微博
      </li>
      <li>
        <div style="background-color: #57BB40;">
          <img src="./img/upload/微信.svg" alt="">
        </div>
        官方微信
      </li>
       </ul>
    </div>
  </footer>
  
  <div class="sidebar">
    <ul>
      <li>
        <a href="#hotr">
        <img src="./img/upload/热门.svg" alt="">
        <br>
        热播榜
        </a>
      </li>
      <li>
        <a href="#part1">
        <img src="./img/upload/分类.svg" alt="">
        <br>
        分类榜
        </a>
      </li>
      <li>
        <a href="#down">
        <img src="./img/upload/关于我们.svg" alt="">
        <br>
        关于我们
        </a>
      </li>
      <li>
        <a href="#">
        <img src="./img/upload/回到顶部.svg" alt="">
        <br>
        回到顶部
        </a>
      </li>
    </ul>
  </div>

  <script src="./lib/jquery-3.6.1.min.js"></script>
  <script src="./lib/bootstrap/js/popper.min.js" type="module"></script>
  <script src="./lib/bootstrap/js/bootstrap.min.js"></script>
  <script src="./lib/swiper/js/swiper-bundle.min.js"></script>
  <script src="./lib/axios.min.js"></script>
  <script src="./lib/form-serialize.js"></script>
  <script src="./js/public.js"></script>
  <script src="./js/anime.js"></script>
</body>
</html>